/*********************************************/
/* STANDARD BITCO SOFTWARE CSS               */
/*********************************************/

html {
    min-height: 100%;
    height: 100%;
}

body {
    min-width: 1000px;
    height: 100%;
    background-color: transparent;
    color: #000000;
    font-size: 12px;
    line-height: normal;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
}

input[pt_required], select[pt_required] {
    background-color: rgba(250,128,114, 0.2);
}

input:focus, textarea:focus, select:focus {
    outline: none;
}

input, select {
    padding: 2px;
    border: 1px solid black;
}

    input[type='checkbox'] {
        vertical-align: middle;
        margin-right: 3px;
    }

    input[type='radio'] {
        vertical-align: middle;
        margin-right: 3px;
    }

.hr_faded {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
    margin: 10px 0;
}

hr {
    border-top: 1px solid rgb(0,0,0);
    margin: 5px;
}

.img_shadow {
    box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
}

.bitco-info-icon {
    color: #6685ff !important;
}

i {
    cursor: pointer;
}

.NoDataDiv {
    padding: 10px;
    text-align: center;
    font-weight: bold;
    font-size: 1.0em;
    font-family: 'Courier New', Courier, monospace;
}

/*********************************************/
/* BITCO TOOLTIP                             */
/*********************************************/

.tooltip-content {
    display: inline-block;
    position: relative;
    cursor: pointer;
}
    .tooltip-content::before,
    .tooltip-content::after {
        --scale: 0;
        --arrow-size: 5px;
        --tooltip-color: black;
        position: absolute;
        bottom: -.25rem;
        left: 50%;
        transform: translateX(-50%) translateY(var(--translate-y, 0)) scale(var(--scale));
        transition: 150ms transform;
        transition-delay: 200ms;
        transform-origin: bottom center;
        z-index: 9999;
    }

    .tooltip-content::before {
        --translate-y: calc(100% + (var(--arrow-size)));
        color: white;
        font-size: 10px;
        font-family: Arial, Helvetica, sans-serif;
        line-height: normal;
        font-weight: normal;
        padding: 5px;
        border-radius: 3px;
        text-align: center;
        width: max-content;
        max-width: 200px;
        background: var(--tooltip-color);
    }

    .tooltip-content::after {
        --translate-y: calc(1 * var(--arrow-size));
        content: '';
        border-bottom: var(--arrow-size) solid var(--tooltip-color);
        border-right: var(--arrow-size) solid transparent;
        border-left: var(--arrow-size) solid transparent;
        transform-origin: bottom center;
    }

    .tooltip-content.canCopy::before {
        white-space: pre-wrap;
        display: block;
        content: attr(data-bs-tooltip)"\a \a Click To Copy";
    }

    .tooltip-content.noCopy::before {
        content: attr(data-bs-tooltip);
    }


    .tooltip-content:hover::before,
    .tooltip-content:hover::after {
        --scale: 1;
    }



/*********************************************/
/* GROUP DIV AND HEADER                      */
/*********************************************/

.group-div, .group-div-fh {
    border: 1px solid #d3d3d3;
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(246,246,246,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.group-div-title {
    text-align: left;
    padding-left: 10px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px solid #d3d3d3;
    text-transform: uppercase;
}


.group-div-content {
    padding: 5px;
    min-height: 100px;
    overflow: auto;
}

.group-div-content-fh {
    padding: 5px;
    min-height: 100px;
    overflow: auto;
}

.ui-div-fullheight {
    overflow: hidden;
}

/*********************************************/
/* BLINK ANIMATION                           */
/*********************************************/

.blink {
    animation: blinkingBlackText 1.2s infinite;
}

@keyframes blinkingBlackText {
    0% {
        color: #000;
    }

    49% {
        color: #000;
    }

    60% {
        color: transparent;
    }

    99% {
        color: transparent;
    }

    100% {
        color: #000;
    }
}

.blinkwhite {
    animation: blinkingWhiteText 1.2s infinite;
}

@keyframes blinkingWhiteText {
    0% {
        color: #fff;
    }

    49% {
        color: #fff;
    }

    60% {
        color: transparent;
    }

    99% {
        color: transparent;
    }

    100% {
        color: #fff;
    }
}

.blinkred {
    animation: blinkingRedText 1.2s infinite;
}

@keyframes blinkingRedText {
    0% {
        color: #f00;
    }

    49% {
        color: #f00;
    }

    60% {
        color: transparent;
    }

    99% {
        color: transparent;
    }

    100% {
        color: #f00;
    }
}

/*********************************************/
/* TEST MODE CSS - TEST MODE DIV             */
/*********************************************/

#testModeWrapper {
    background-color: rgba(255, 255, 0, 1.0);
    width: 100%;
    height: 30px;
    text-align: center;
    font-size: 18px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    animation-name: testLabelChange;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    z-index: 9000;
    position: fixed;
}

@keyframes testLabelChange {
    from {
        background-color: rgba(255, 255, 0, 1.0);
    }

    to {
        background-color: rgba(255, 255, 0, 0.5);
    }
}

.testModeWRapperTop {
    top: 0;
}

.testModeWrapperBottom {
    bottom: 0;
}

/*********************************************/
/* BOOTSTRAP OVERRIDE                        */
/*********************************************/



/* Bootstrap Tooltip Overrides*/
.tooltip-inner {
    max-width: 400px;
    padding: 0.25rem 0.5rem;
    color: white;
    text-align: left;
    background-color: black;
    border-radius: 0.25rem;
    font-size: 12px;
}

body #toast-container > div {
    opacity: .4;
}

/* Bootstrap Modal Overrides */

.modal-header {
    cursor: move;
    padding: .5rem .5rem;
    font-size: 1.2em;
    font-weight: bold;
    border-radius: 0px;
}

.modal {
    background-color: rgba(0,0,0,.3);
    line-height: normal;
}

.close {
    color: #fff;
    opacity: 1;
}

.modal-footer {
    padding: 0.5rem;
}

.modal-body {
    max-height: 500px;
    height: auto;
    overflow: auto;
}

.modal-content {
    width: 600px;
    border-radius: 0px;
}

/*********************************************/
/* STANDARD LINK CSS                         */
/*********************************************/

a:link, a:visited, a:active, a:hover, .bitco-link {
    color: #3333cc !important;
    text-decoration: none !important;
    cursor: pointer !important;
}

    a:hover, .bitco-link:hover {
        text-decoration: underline !important;
    }

/*********************************************/
/* DATE / CALENDAR COMPONENT CSS             */
/*********************************************/

.bitco-calendar {
    width: 200px;
    font-size: 10px;
    padding: 2px;
    border: 1px solid lightgray;
    border-radius: 5px;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    background-color: white;
    z-index: 1000;
}

.bitco-calendar-main {
    width: 100%;
}

    .bitco-calendar-main td button {
        width: 100%;
        background-color: transparent;
        border: none;
    }

.bitco-calendar-header td {
    background-color: blue;
    color: white;
    text-align: center;
    font-size: 1.2em;
    padding: 2px;
}

    .bitco-calendar-header td button {
        color: white;
    }

.bitco-calendar-weekdays td {
    margin: 0;
    padding: 5px 0;
    background-color: white;
    border-bottom: 1px solid black;
    color: black;
    text-align: center;
    font-weight: bold;
}

.bitco-calendar-days {
    margin: 1px;
    padding: 1px;
    background: white;
}

    .bitco-calendar-days td {
        color: #666;
        text-align: center;
        margin: 1px;
        border: 1px solid white;
    }

    .bitco-calendar-days button {
        border-radius: 5px;
    }

        .bitco-calendar-days button:hover {
            background-color: dodgerblue;
            color: white;
        }

.bitco-calendar-active-day {
    background: lightblue;
    border-radius: 5px !important;
}

.bitco-calendar-today button {
    border: 1px solid black !important;
    border-radius: 5px !important;
}


.bitco-calendar-footer {
    padding: 3px;
    border-top: 1px solid black;
}

    .bitco-calendar-footer button {
        border: 1px solid lightgray;
        width: 75px;
    }

.bitco-date-main {
    display: inline-block;
}

    .bitco-date-main button {
        cursor: pointer;
    }


.bitco-date-popover {
    display: none;
}

.bitco-date-cal-btn {
    all: unset;
    cursor: pointer;
}

.BadDate {
    background-color: red;
    color: white;
}

/*********************************************/
/* STANDARD BITCO COLOR SCHEMES              */
/*********************************************/

.StandardButton {
    display: inline-block;
    margin: 3px;
    padding: 5px;
    min-width: 100px;
    text-align: center;
    font-weight: bold;
    border: 1px solid black;
    text-transform: uppercase;
    position: relative;
}

    .StandardButton:hover {
        text-decoration: none;
        cursor: pointer;
        transform: scale(1.05);
    }

.StandardColorBitco {
    color: white !important;
    background-color: darkblue !important;
}

.StandardColorBlack {
    color: white !important;
    background-color: black !important;
}

.StandardColorBrick {
    color: white !important;
    background-color: firebrick !important;
}

.StandardColorBrown {
    color: white !important;
    background-color: saddlebrown !important;
}

.StandardColorGreen {
    color: white !important;
    background-color: forestgreen !important;
}

.StandardColorHazyBlue {
    color: darkblue !important;
    background-color: lightblue !important;
}

.StandardColorTurquoise {
    color: blue !important;
    background-color: turquoise !important;
}

.StandardColorPink {
    color: black !important;
    background-color: pink !important;
}

.StandardColorPurple {
    color: white !important;
    background-color: purple !important;
}

.StandardColorRed {
    color: black !important;
    background-color: red !important;
}

.StandardColorSilver {
    color: black !important;
    background-color: silver !important;
}

.StandardColorYellow {
    color: black !important;
    background-color: yellow !important;
}


/* BITCO CAPTCHA */

.bitco-captcha-div {
}

.bitco-captcha-refresh {
    border: none;
    height: 30px;
    align-self: center;
    margin-left: 3px;
    border-radius: 4px;
    cursor: pointer;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAxMDAwIDEwMDAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEwMDAgMTAwMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz48Zz48ZyBpZD0icmVmcmVzaCI+PHBhdGggZD0iTTg0MywxNTdDNzU3LjIsNjUuMSw2MzQuNywxMCw1MDAsMTBDMjMwLjUsMTAsMTAsMjMwLjUsMTAsNTAwYzAsMjY5LjUsMjIwLjUsNDkwLDQ5MCw0OTBjMjI2LjYsMCw0MTYuNS0xNTkuMyw0NzEuNi0zNjcuNUg4NDNjLTQ5LDE0MC45LTE4My44LDI0NS0zNDMsMjQ1Yy0yMDIuMSwwLTM2Ny41LTE2NS40LTM2Ny41LTM2Ny41YzAtMjAyLjEsMTY1LjQtMzY3LjUsMzY3LjUtMzY3LjVjMTA0LjEsMCwxODkuOSw0Mi45LDI1Ny4yLDExMC4ybC0xOTYsMTk2SDk5MFYxMEw4NDMsMTU3eiIvPjwvZz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PC9nPg0KPC9zdmc+) no-repeat, #cacaca;
    background-position-y: center;
    background-position-x: center;
    background-size: 70%;
    width: 30px;
}


.GridTextStandard {
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.GridTextNoWrap {
    white-space: pre-line;
    overflow-wrap: anywhere;
}

/* ENUM: Bitco, Black, Brick, Brown, Green, HazyBlue, Turquoise, Pink, Purple, Red, Silver, Yellow */
/* StandardGrid Grid View */
.BeSticky thead th:first-child {
    position: sticky;
    left: 0;
    z-index: 2;
}

.BeSticky tbody td:first-child {
    position: sticky;
    left: 0;
    z-index: 1;
    background-color: white;
}

.StandardGrid {
    padding: 0;
    margin: 0;
    table-layout: fixed;
    cursor: auto;
    border-collapse: collapse;
    position: relative;
    min-width: 100%;
}

.StandardGrid100 {
    width: 100%;
}

.StandardGrid th {
    padding: 3px;
    text-transform: uppercase;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: sticky;
    top: -1px;
    border-top-color: white;
    border: 1px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.05);
}

.StandardGrid tr {
    background-color: #ffffff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.StandardGrid td {
    padding: 5px;
    vertical-align: top;
    border: 1px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.05);
}

    .StandardGrid td a, .StandardGrid th a {
        text-decoration: underline !important;
    }

.StandardGrid .pager td table {
    padding: 0;
    margin: 0;
    table-layout: fixed;
    cursor: auto;
    border-collapse: collapse;
}

    .StandardGrid .pager td table tr {
        border: none;
    }

.StandardGrid .pager td {
    border-style: none !important;
    text-transform: uppercase;
    text-align: center;
    vertical-align: middle;
    font-size: 1.1em;
    font-weight: normal;
    min-width: 35px;
    padding: 2px;
}

.StandardGrid i {
    font-size: 1.2em;
    font-weight: bold;
    text-shadow: 1px 3px 2px rgba(128, 0, 0, 0.35);
}

.GridExcelButton {
    color: inherit !important;
    position: absolute;
    left: 0;
    padding: 2px 0;
    font-size: 0.8em !important;
}

/*  BITCO BLUE  */
.Bitco th, .Bitco th a:link, .Bitco th a:visited {
    background-color: darkblue !important;
    color: white !important;
}

.Bitco .BitcoRow td, .Bitco .BitcoRow td a:link, .Bitco .BitcoRow td a:visited {
    color: darkblue !important;
}

.Bitco .BitcoRow:hover {
    background-color: rgba(0, 0, 139, 0.2) !important;
}

.Bitco .pager, .Bitco .pager td {
    background-color: darkblue !important;
    color: white !important;
}

    .Bitco .pager a, .Bitco .pager a:link, .Bitco .pager a:visited, .Bitco .pager td a, .Bitco .pager td a:link, .Bitco .pager td a:visited {
        color: white !important;
    }

    .Bitco .pager td:hover, .Bitco .pager td td:hover {
        background-color: rgba(0, 0, 139, 0.5) !important;
        color: darkblue !important;
    }

.Bitco i {
    color: red;
}

/*  BITCO BLACK  */
.Black th, .Black th a:link, .Black th a:visited {
    background-color: black !important;
    color: white !important;
}

.Black .BitcoRow td, .Black .BitcoRow td a:link, .Black .BitcoRow td a:visited {
    color: black !important;
}

.Black .BitcoRow:hover {
    background-color: rgba(0, 0, 0, 0.2) !important;
}

.Black .pager, .Black .pager td {
    background-color: black !important;
    color: white !important;
}

    .Black .pager a, .Black .pager a:link, .Black .pager a:visited, .Black .pager td a, .Black .pager td a:link, .Black .pager td a:visited {
        color: white !important;
    }

    .Black .pager td:hover, .Black .pager td td:hover {
        background-color: rgba(0, 0, 0, 0.5) !important;
        color: black !important;
    }

.Black i {
    color: red;
}

/*  BITCO BRICK  */
.Brick th, .Brick th a:link, .Brick th a:visited {
    background-color: firebrick !important;
    color: white !important;
}

.Brick .BitcoRow td, .Brick .BitcoRow td a:link, .Brick .BitcoRow td a:visited {
    color: firebrick !important;
}

.Brick .BitcoRow:hover {
    background-color: rgba(178, 34, 34, 0.2) !important;
}

.Brick .pager, .Brick .pager td {
    background-color: firebrick !important;
    color: white !important;
}

    .Brick .pager a, .Brick .pager a:link, .Brick .pager a:visited, .Brick .pager td a, .Brick .pager td a:link, .Brick .pager td a:visited {
        color: white !important;
    }

    .Brick .pager td:hover, .Brick .pager td td:hover {
        background-color: rgba(178, 34, 34, 0.5) !important;
        color: firebrick !important;
    }

.Brick i {
    color: black;
}

/*  BITCO BROWN  */
.Brown th, .Brown th a:link, .Brown th a:visited {
    background-color: saddlebrown !important;
    color: white !important;
}

.Brown .BitcoRow td, .Brown .BitcoRow td a:link, .Brown .BitcoRow td a:visited {
    color: saddlebrown !important;
}

.Brown .BitcoRow:hover {
    background-color: rgba(139, 69, 19, 0.2) !important;
}

.Brown .pager, .Brown .pager td {
    background-color: saddlebrown !important;
    color: white !important;
}

    .Brown .pager a, .Brown .pager a:link, .Brown .pager a:visited, .Brown .pager td a, .Brown .pager td a:link, .Brown .pager td a:visited {
        color: white !important;
    }

    .Brown .pager td:hover, .Brown .pager td td:hover {
        background-color: rgba(139, 69, 19, 0.5) !important;
        color: saddlebrown !important;
    }

.Brown i {
    color: red;
}

/*  BITCO GREEN  */
.Green th, .Green th a:link, .Green th a:visited {
    background-color: forestgreen !important;
    color: white !important;
}

.Green .BitcoRow td, .Green .BitcoRow td a:link, .Green .BitcoRow td a:visited {
    color: forestgreen !important;
}

.Green .BitcoRow:hover {
    background-color: rgba(34, 139, 34, 0.2) !important;
}

.Green .pager, .Green .pager td {
    background-color: forestgreen !important;
    color: white !important;
}

    .Green .pager a, .Green .pager a:link, .Green .pager a:visited, .Green .pager td a, .Green .pager td a:link, .Green .pager td a:visited {
        color: white !important;
    }

    .Green .pager td:hover, .Green .pager td td:hover {
        background-color: rgba(34, 139, 34, 0.5) !important;
        color: forestgreen !important;
    }

.Green i {
    color: red;
}

/*  BITCO HAZY BLUE  */
.HazyBlue th, .HazyBlue th a:link, .HazyBlue th a:visited {
    background-color: lightblue !important;
    color: darkblue !important;
}

.HazyBlue .BitcoRow td, .HazyBlue .BitcoRow td a:link, .HazyBlue .BitcoRow td a:visited {
    color: darkblue !important;
}

.HazyBlue .BitcoRow:hover {
    background-color: rgba(173, 216, 230, 0.2) !important;
}

.HazyBlue .pager, .HazyBlue .pager td {
    background-color: lightblue !important;
    color: darkblue !important;
}

    .HazyBlue .pager a, .HazyBlue .pager a:link, .HazyBlue .pager a:visited, .HazyBlue .pager td a, .HazyBlue .pager td a:link, .HazyBlue .pager td a:visited {
        color: darkblue !important;
    }

    .HazyBlue .pager td:hover, .HazyBlue .pager td td:hover {
        background-color: rgba(173, 216, 230, 0.5) !important;
        color: lightblue !important;
    }

.HazyBlue i {
    color: red;
}

/*  BITCO TURQUOISE  */
.Turquoise th, .Turquoise th a:link, .Turquoise th a:visited {
    background-color: turquoise !important;
    color: blue !important;
}

.Turquoise .BitcoRow td, .Turquoise .BitcoRow td a:link, .Turquoise .BitcoRow td a:visited {
    color: blue !important;
}

.Turquoise .BitcoRow:hover {
    background-color: rgba(64, 224, 208, 0.2) !important;
}

.Turquoise .pager, .Turquoise .pager td {
    background-color: turquoise !important;
    color: blue !important;
}

    .Turquoise .pager a, .Turquoise .pager a:link, .Turquoise .pager a:visited, .Turquoise .pager td a, .Turquoise .pager td a:link, .Turquoise .pager td a:visited {
        color: blue !important;
    }

    .Turquoise .pager td:hover, .Turquoise .pager td td:hover {
        background-color: rgba(64, 224, 208, 0.5) !important;
        color: turquoise !important;
    }

.Turquoise i {
    color: red;
}

/*  BITCO PINK  */
.Pink th, .Pink th a:link, .Pink th a:visited {
    background-color: pink !important;
    color: black !important;
}

.Pink .BitcoRow td, .Pink .BitcoRow td a:link, .Pink .BitcoRow td a:visited {
    color: deeppink !important;
}

.Pink .BitcoRow:hover {
    background-color: rgba(255, 192, 203, 0.2) !important;
}

.Pink .pager, .Pink .pager td {
    background-color: pink !important;
    color: deeppink !important;
}

    .Pink .pager a, .Pink .pager a:link, .Pink .pager a:visited, .Pink .pager td a, .Pink .pager td a:link, .Pink .pager td a:visited {
        color: deeppink !important;
    }

    .Pink .pager td:hover, .Pink .pager td td:hover {
        background-color: rgba(255, 192, 203, 0.5) !important;
        color: pink !important;
    }

.Pink i {
    color: red;
}

/*  BITCO PURPLE  */
.Purple th, .Purple th a:link, .Purple th a:visited {
    background-color: purple !important;
    color: white !important;
}

.Purple .BitcoRow td, .Purple .BitcoRow td a:link, .Purple .BitcoRow td a:visited {
    color: purple !important;
}

.Purple .BitcoRow:hover {
    background-color: rgba(128, 0, 128, 0.2) !important;
}

.Purple .pager, .Purple .pager td {
    background-color: purple !important;
    color: white !important;
}

    .Purple .pager a, .Purple .pager a:link, .Purple .pager a:visited, .Purple .pager td a, .Purple .pager td a:link, .Purple .pager td a:visited {
        color: white !important;
    }

    .Purple .pager td:hover, .Purple .pager td td:hover {
        background-color: rgba(128, 0, 128, 0.5) !important;
        color: purple !important;
    }

.Purple i {
    color: red;
}

/*  BITCO RED  */
.Red th, .Red th a:link, .Red th a:visited {
    background-color: red !important;
    color: black !important;
}

.Red .BitcoRow td, .Red .BitcoRow td a:link, .Red .BitcoRow td a:visited {
    color: red !important;
}

.Red .BitcoRow:hover {
    background-color: rgba(255, 0, 0, 0.2) !important;
}

.Red .pager, .Red .pager td {
    background-color: red !important;
    color: black !important;
}

    .Red .pager a, .Red .pager a:link, .Red .pager a:visited, .Red .pager td a, .Red .pager td a:link, .Red .pager td a:visited {
        color: black !important;
    }

    .Red .pager td:hover, .Red .pager td td:hover {
        background-color: rgba(255, 0, 0, 0.5) !important;
        color: red !important;
    }

.Red i {
    color: black;
}

/*  BITCO SILVER  */
.Silver th, .Silver th a:link, .Silver th a:visited {
    background-color: silver !important;
    color: black !important;
}

.Silver .BitcoRow td, .Silver .BitcoRow td a:link, .Silver .BitcoRow td a:visited {
    color: black !important;
}

.Silver .BitcoRow:hover {
    background-color: rgba(192, 192, 192, 0.2) !important;
}

.Silver .pager, .Silver .pager td {
    background-color: silver !important;
    color: black !important;
}

    .Silver .pager a, .Silver .pager a:link, .Silver .pager a:visited, .Silver .pager td a, .Silver .pager td a:link, .Silver .pager td a:visited {
        color: black !important;
    }

    .Silver .pager td:hover, .Silver .pager td td:hover {
        background-color: rgba(192, 192, 192, 0.5) !important;
        color: silver !important;
    }

.Silver i {
    color: red;
}

/*  BITCO YELLOW  */
.Yellow th, .Yellow th a:link, .Yellow th a:visited {
    background-color: yellow !important;
    color: black !important;
}

.Yellow .BitcoRow td, .Yellow .BitcoRow td a:link, .Yellow .BitcoRow td a:visited {
    color: black !important;
}

.Yellow .BitcoRow:hover {
    background-color: rgba(255, 255, 0, 0.2) !important;
}

.Yellow .pager, .Yellow .pager td {
    background-color: yellow !important;
    color: black !important;
}

    .Yellow .pager a, .Yellow .pager a:link, .Yellow .pager a:visited, .Yellow .pager td a, .Yellow .pager td a:link, .Yellow .pager td a:visited {
        color: black !important;
    }

    .Yellow .pager td:hover, .Yellow .pager td td:hover {
        background-color: rgba(255, 255, 0, 0.2) !important;
        color: yellow !important;
    }

.Yellow i {
    color: red;
}



/*********************************************/
/* BITCO MESSAGE WAITING SPINNER             */
/*********************************************/

.lds-roller {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

    .lds-roller div {
        animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
        transform-origin: 40px 40px;
    }

        .lds-roller div:after {
            content: " ";
            display: block;
            position: absolute;
            width: 7px;
            height: 7px;
            border-radius: 50%;
            background: #000;
            margin: -4px 0 0 -4px;
        }

        .lds-roller div:nth-child(1) {
            animation-delay: -0.036s;
        }

            .lds-roller div:nth-child(1):after {
                top: 63px;
                left: 63px;
            }

        .lds-roller div:nth-child(2) {
            animation-delay: -0.072s;
        }

            .lds-roller div:nth-child(2):after {
                top: 68px;
                left: 56px;
            }

        .lds-roller div:nth-child(3) {
            animation-delay: -0.108s;
        }

            .lds-roller div:nth-child(3):after {
                top: 71px;
                left: 48px;
            }

        .lds-roller div:nth-child(4) {
            animation-delay: -0.144s;
        }

            .lds-roller div:nth-child(4):after {
                top: 72px;
                left: 40px;
            }

        .lds-roller div:nth-child(5) {
            animation-delay: -0.18s;
        }

            .lds-roller div:nth-child(5):after {
                top: 71px;
                left: 32px;
            }

        .lds-roller div:nth-child(6) {
            animation-delay: -0.216s;
        }

            .lds-roller div:nth-child(6):after {
                top: 68px;
                left: 24px;
            }

        .lds-roller div:nth-child(7) {
            animation-delay: -0.252s;
        }

            .lds-roller div:nth-child(7):after {
                top: 63px;
                left: 17px;
            }

        .lds-roller div:nth-child(8) {
            animation-delay: -0.288s;
        }

            .lds-roller div:nth-child(8):after {
                top: 56px;
                left: 12px;
            }

@keyframes lds-roller {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}